<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./Accueil.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <title>Accueil</title>
</head>
<body class="gradient-background">
    <div class="grid place-items-center h-screen">
        <div class="rounded-lg bg-white p-5 m-2 border border-black border-[0.2vh] shadow-lg">
            <!-- Utilisation d'un lien pour rendre le texte cliquable -->
            <a href="index.php" class="text-4xl text-2xl font-['yessire'] italic bg-clip-text bg-gradient-to-r ">
                Bienvenue
            </a>
        </div>
        <br>
        <div class="flex space-x-[2vw] m-2">
            <div class="h-[75vh] w-[45vw] flex flex-col bg-gray-300 p-2 rounded-lg shadow-lg">
                <h1 style="font-size: 1.5em; font-['yessire'] bg-clip-text bg-gradient-to-r "> Liste des rendez-vous :</h1>
                <div class="grow"></div>
                <!-- mettre les RDV du jours, 5max -->
                <a href = "RDV.php">RDV n°1</a>
                <div class="grow"></div>
                <a href = "RDV.php">RDV n°2</a>
                <div class="grow"></div>
                <a href = "RDV.php">RDV n°3</a>
                <div class="grow"></div>
                <h1></h1>
                <div class="grow"></div>
                <p>
                <a href = "newRDV.php">Pour enregistrer un nouveau rendez-vous, cliquer ici.</a>
                </p>
            </div>
            <div class="h-[75vh] w-[45vw] bg-gray-300 flex flex-col p-2 rounded-lg shadow-lg">
                <h1 style="font-size: 1.5em; font-['yessire']">Liste des comptes-rendus :</h1>
                <div class="grow"></div>
                <!-- mettre les comptes-rendus les 5 derniers -->
                <a href = "compteRendu.php">compte-rendu n°1</a>
                <div class="grow"></div>
                <a href = "compteRendu.php">compte-rendu n°2</a>
                <div class="grow"></div>
                <a href = "compteRendu.php">compte-rendu n°3</a>
                <div class="grow"></div>
                <p>
                <a class="text-sm text-Black mt-2" href = "baseLegale.php">Cliquez ici pour vous référez à la base juridique pour plus d'informations sur les conditions d'utilisation et les mentions légales.</a>
                </p>
            </div>
        </div>
    </div>
</body>